---
export interface Props {
  content: string[];
}

const { content } = Astro.props;
---

<footer set:html={content.map((val) => val)} />

<style lang="scss">
  footer {
    z-index: 999;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
    min-height: 9rem;
    color: var(--text-default);
    background-color: var(--background-default);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
      0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
</style>
